<!DOCTYPE html>
<html lang="en-us">
  <head>
    {%- block head -%}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}{% endblock title %}</title>
    <link rel="stylesheet" href="{{ bulma_url | safe }}">
    {%- endblock head -%}
  </head>
  <body>
    <div class="container">
      {%- block content -%}{%- endblock content -%}
    </div>
    <footer class="footer">
      {% if date %}
      <div class="content has-text-centered">
        <p class="heading">Date: {{ date | date(format="%Y-%m-%d %H:%M") }}</p>
      </div>
      {% endif %}
    </footer>
  </body>
</html>
